<gm:page title="Kartik's Job Search App" authenticate="false">  
    
      <style>  
        .textbox{ border: solid black 1px; color: gray; font-family: 14px arial; } 
        .gobutton{ border: dotted gray 1px; background-color: white; color: navy; text-decoration: underline; } 
        .headline{ font-family:16px georgia; background-color: white;}
        .boxes{width: 350px; float:left; display: inline; border-right: dotted gray 1px; padding: 3px; margin-bottom: 20px; margin-top: 10px;font-size: 10px;font-family: arial;height: 500px; overflow:auto}
        .gm-section-container{width: 1400px}
        .gm-section {width: 1400px}

</style>


<script>

function setQuery()
{

var keyword = document.queryForm.query.value;

var jujulist = google.mashups.getObjectById('jujulist');

jujulist.setData("http://www.job-search-engine.com/jobs?k="+escape(keyword)+"&l=&format=rss");

var indeedlist = google.mashups.getObjectById('indeedlist');
indeedlist.setData("http://rss.indeed.com/rss?q="+escape(keyword));

var simplyhiredlist = google.mashups.getObjectById('simplyhiredlist');
simplyhiredlist.setData("http://www.simplyhired.com/a/job-feed/rss/q-"+escape(keyword));

var monsterlist = google.mashups.getObjectById('monsterlist');
monsterlist.setData("http://rss.jobsearch.monster.com/rssquery.ashx?re=130&cy=us&brd=1&JSNONREG=1&q="+escape(keyword)+"&rad=20&rad_units=miles&baseurl=jobview.monster.com");

var jobsterlist = google.mashups.getObjectById('jobsterlist');
jobsterlist.setData("http://www.jobster.com/find/US/jobs/for/"+escape(keyword)+"?d=90&rss=1&s=b&source_type=any");

var rrwlist = google.mashups.getObjectById('rrwlist');
rrwlist.setData("http://jobs.readwriteweb.com/jt/jobs/search.php?search_string="+escape(keyword)+"&location_string=&distance=20&country_code=us&sort_by=date&search=1&format=atom");



return false;


}


</script>



<div class="headline" style="height: 50px">
<h1>Job Search</h1>
</div>


<form name="queryForm" >
Keywords:
<input type="text" id="query" class="textbox" size="100" value="Software"/>

<input type="submit" value="Go" onClick="javascript: setQuery(); return false;" class="gobutton" />



</form>

<br/> <br/>


<gm:tabs target="myContainer"/>


<gm:container id="myContainer" style="width:900px">


<gm:section id="newlayout" title="Jobs" style="width: 1400px">

<span class="boxes">
Jobs from Juju
<gm:list id="jujulist" data="http://www.job-search-engine.com/jobs?k=software&l=&format=rss"
template="myListTemplate" >


</gm:list>


</span>

<span class="boxes">

Jobs from Indeed

<gm:list id="indeedlist" data="http://rss.indeed.com/rss?q=software"
template="myListTemplate" >


</gm:list>

</span>

<span class="boxes">
Jobs from SimplyHired
<gm:list id="simplyhiredlist" data="http://www.simplyhired.com/a/job-feed/rss/q-software"
template="myListTemplate" >

</gm:list>
</span>

<span class="boxes">
Jobs from Monster
<gm:list id="monsterlist" data="http://rss.jobsearch.monster.com/rssquery.ashx?re=130&cy=us&brd=1&JSNONREG=1&q=software&rad=20&rad_units=miles&baseurl=jobview.monster.com"
template="myListTemplate" >

</gm:list>

</span>


<span class="boxes">
Jobs from Read Write Web
<gm:list id="rrwlist" data="http://jobs.readwriteweb.com/jt/jobs/search.php?search_string=Software&location_string=&distance=20&country_code=us&sort_by=date&search=1&format=atom" template="myListTemplate" > </gm:list> </span> <span class="boxes"> Jobs from Jobster <gm:list id="jobsterlist" data="http://www.jobster.com/find/US/jobs/for/software?d=90&rss=1&s=b&source_type=any" template="myListTemplate" > </gm:list> </span> </gm:section>
              
                                 
                                                    
 <gm:section id="sectionmap" title="About"> This is a very rudimentary "mashup" (actually feed aggregator) of something I started to make a long time back, but never got around to finish. <br/> Some TODOs: <ul> <li> Larger set (number) of search results. (Right now I make up for length with breadth) <li> Map Integration <li> Go beyond rudimentary </ul> <br/> All content (feeds) is property of their respective providers and owners. <br/> The running code (published application), herby referred to as the Mashup is available under the Creative Commons ShareAlike Attribution License. <br/>More information here : <a href="http://creativecommons.org/licenses/by-sa/3.0/"> http://creativecommons.org/licenses/by-sa/3.0/</a>. The original code (by quirk of fate or lack of drop down box options) is available under the Apache 2.0 License  <br/> To my knowledge I am not violating the terms of service of any of these sites(as the aggregator just works like a feed reader is supposed to), please let me know if I am, in which case the feed shall be removed. </gm:section> </gm:container> 
  <gm:template id="myListTemplate" pageSize="100" > 
              <gm:pager compact="true"/> 
                        <table class="gm-table"> 
                                  <tbody repeat="true"> 
                <tr> <td> 
                <gm:toggle/> <b> <gm:text ref="atom:title"/> </b></td> </tr> <tr > <td class="gm-toggled" style="background-color: #f5fffa">
                <div> (posted on -- <gm:date ref="atom:published"/>) <hr size="1"/> <b> A short summary </b> <br/><gm:html ref="atom:summary"/> <br/>
                <br> For more details visit <br> 
                    <gm:link labelref="atom:link[@rel='alternate']/@href" ref="atom:link[@rel='alternate']/@href" style="color:gray"/> 
                  </div> 
  </td> 
</tr> 
</tbody> 
</table> 
</gm:template> 
</gm:page>
